<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="/css/index.css">
</head>

<body>
    <header class="content all-nav">
        <div class="nav">
            <ul class="nav-left">
                <li class="nav-left-1">
                    <span>运送至: </span><a href="#">中国</a>
                </li>
                <li class="nav-left-2">
                    <a href="#">
                        <span>语言/language</span>
                    </a>
                </li>
                <li class="nav-left-3">
                    <a href="#">
                        <span>查找精品店</span>
                    </a>
                </li>
                <li class="nav-left-4">
                    <a href="#">
                        <span>联系我们</span>
                    </a>
                </li>
            </ul>
            <div class="remberPassword">
             <div class="jian"></div>
             <p class="remberPassword-txt">请输入您的电话号码开始重置密码</p>
             <div class="remberPassword-num">
                    <select name="" id="">
                        <option value="china">中国+86</option>
                    </select>
                    <input type="text" placeholder="电话号码">
                </div>
             <a href="#" class="remberPassword-click">继续</a>
            </div>
            <div class="login">
                <div class="jian"></div>
                <div class="login-num">
                    <select name="" id="">
                        <option value="china">中国+86</option>
                    </select>
                    <input type="text" placeholder="电话号码">
                </div>
                <p class="login-number">请输入有效的电话号码</p>
                <input type="text" class="login-password" placeholder="密码">
                <a href="#" class="login-click">登录</a>
                <span>是否忘记密码?</span>
                <p>您尚未创建账户？</p>
                <a href="#">注册</a>
            </div>
            <ul class="nav-right">
                <li>
                    <a href="#">
                        <span>登录</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="https://www.prada.com/etc/designs/prada_common/images/ico-heart.svg" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="https://www.prada.com/etc/designs/prada_common/images/ico-shopper.svg" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="https://www.prada.com/etc/designs/prada_common/images/ico-search.svg" alt="">
                    </a>
                </li>
            </ul>
        </div>
        <div class="logo content">
            <a href="#">
                <img src="/images/prada.png" alt="">
            </a>
        </div>
        <div class="menu content">
            <div class="menu-list">
                <div>
                    <a href="#">精选系列</a>
                </div>
                <div>
                    <a href="#">女士</a>
                </div>
                <div>
                    <a href="#">男士</a>
                </div>
                <div>
                    <a href="#">亮点焦距</a>
                </div>
            </div>
        </div>
        <div class="menu-son content">
            <ul>
                <li>
                    <a href="#">2020年春夏男士系列</a>
                </li>
                <li>
                    <a href="#">2020年早春女士系列</a>
                </li>
                <li>
                    <a href="#">2020年春夏男士系列</a>
                </li>
                <li>
                    <a href="#">2020年春夏男士系列</a>
                </li>
                <li>
                    <a href="#">2020年春夏男士系列</a>
                </li>
                <li>
                    <a href="#">2020年春夏男士系列</a>
                </li>
            </ul>
        </div>
        <div class="menu-son-son content">
            <ul>
                <li>
                    <a href="#">2020早春女士系列 -Look 01</a>
                </li>
                <li>
                    <a href="#">2020早春女士系列 -Look 02</a>
                </li>
                <li>
                    <a href="#">2020早春女士系列 -Look 03</a>
                </li>
                <li>
                    <a href="#">2020早春女士系列 -Look 05</a>
                </li>
            </ul>
            <ul>
                <li>
                    <a href="#">2020早春女士系列 -Look 07</a>
                </li>
                <li>
                    <a href="#">2020早春女士系列 -Look 08</a>
                </li>
                <li>
                    <a href="#">2020早春女士系列 -Look 09</a>
                </li>
                <li>
                    <a href="#">2020早春女士系列 -Look 10</a>
                </li>
            </ul>
            <ul>
                <li>
                    <a href="#">2020早春女士系列 -Look 11</a>
                </li>
                <li>
                    <a href="#">2020早春女士系列 -Look 12</a>
                </li>
                <li>
                    <a href="#">2020早春女士系列 -Look 13</a>
                </li>
                <li>
                    <a href="#">2020早春女士系列 -Look 14</a>
                </li>
            </ul>
            <ul>
                <li>
                    <a href="#">2020早春女士系列 -Look 015</a>
                </li>
                <li>
                    <a href="#">2020早春女士系列 -Look 16</a>
                </li>
                <li>
                    <a href="#">2020早春女士系列 -Look 18</a>
                </li>
                <li>
                    <a href="#">2020早春女士系列 -Look 19</a>
                </li>
            </ul>

        </div>
    </header>
    <section class="content">
        <div class="dvd ">
            <video autoplay="autoplay" loop="loop" class="dvd-videos">
                <source
                    src="https://www.prada.com/content/dam/prada/2020/001_home/02/10/ss-20-woman/cn/1400x530_Boat_Clean.mp4">
            </video>
            <span class="dvd-txt">2020春夏女士系列</span>
            <a href="#" class="dvd-btn">搜索更多</a>
        </div>
        <div class="show">
            <div class="show-one">
                <img class="show-one-left"
                    src="https://www.prada.com/content/dam/prada/2020/001_home/02/10/ss-20-woman/cn/woman_DS.jpg/_jcr_content/renditions/cq5dam.web.1280.1280.jpg"
                    alt="">
                <div class="show-one-right">
                    <p><a href="#">女士</a></p>
                    <img src="https://www.prada.com/content/dam/prada/2020/001_home/02/10/ss-20-woman/cn/woman_square.jpg/_jcr_content/renditions/cq5dam.web.1280.1280.jpg"
                        alt="">
                    <p><a href="#">选购女士新品</a></p>
                </div>
            </div>
            <div class="show-two">
                <div class="show-two-left">
                    <p><a href="#">男士</a></p>
                    <img src="https://www.prada.com/content/dam/prada/2020/004_e-commerce/01/20_cn/home_page/man_square.jpg/_jcr_content/renditions/cq5dam.web.1280.1280.jpg"
                        alt="">
                    <p><a href="#">选购男士新品</a></p>
                </div>
                <img class="show-two-right"
                    src="https://www.prada.com/content/dam/prada/2020/004_e-commerce/01/20_cn/home_page/man_DS.jpg/_jcr_content/renditions/cq5dam.web.1280.1280.jpg"
                    alt="">
            </div>
            <div class="show-three">
                <div class="show-three-m">
                    <p>女士钱包</p>
                    <p><a href="#">点击选购</a></p>
                </div>
                <img src="https://www.prada.com/content/dam/prada/2020/004_e-commerce/02/03/CO_CN/asset_square/CO_03_02_w_DS.jpg/_jcr_content/renditions/cq5dam.web.1280.1280.jpg"
                    alt="">
            </div>
            <div class="show-four">
                <div class="show-four-m">
                    <p>男士鞋履</p>
                    <p><a href="#">点击选购</a></p>
                </div>
                <img src="https://www.prada.com/content/dam/prada/2020/004_e-commerce/02/03/CO_CN/asset_square/CO_03_02_m_DS.jpg/_jcr_content/renditions/cq5dam.web.1280.1280.jpg"
                    alt="">
            </div>
            <div class="show-five">
                <img class="show-five-left"
                    src="https://www.prada.com/content/dam/prada/2020/001_home/02/14/pradasphere/adv_CN_big.jpg/_jcr_content/renditions/cq5dam.web.1280.1280.jpg"
                    alt="">
                <div class="show-five-right">
                    <p><a href="#">女士</a></p>
                    <img src="https://www.prada.com/content/dam/prada/2020/001_home/02/14/pradasphere/adv_CN_small.jpg/_jcr_content/renditions/cq5dam.web.1280.1280.jpg"
                        alt="">
                    <p><a href="#">选购女士新品</a></p>
                </div>
            </div>
            <div class="show-six">
                <img src="https://www.prada.com/content/dam/prada/2018/002_book-appointment/cn_2.jpg/_jcr_content/renditions/cq5dam.web.1280.1280.jpg"
                    alt="">
                <div class="show-six-right">
                    <div class="txt">
                        <h2>预约店铺服务</h2>
                    </div>
                    <div class="num">
                        <span>——&nbsp;&nbsp;&nbsp;顾客</span>
                        <select name="" id="" class="num-city">
                            <option value="中国+186">中国+86</option>
                            <option value="CA+1">canada</option>
                            <input type="text" id="" name="" class="num-city-phone" value="" placeholder="手机号码">
                        </select>
                    </div>
                    <div class="address">
                        <span>——&nbsp;&nbsp;&nbsp;选择店铺</span>
                        <a href="#"> 长春市, 长春卓展时代广场<b>+</b></a>
                    </div>
                    <div class="date">
                        <span>——&nbsp;&nbsp;&nbsp;预约日期</span>
                        <a href="#">2月17日<b>+</b></a>
                    </div>
                    <div class="time">
                        <span>——&nbsp;&nbsp;&nbsp;预约时段</span>
                        <a href="#">上午(10:00 - 12:00)<b>+</b></a>
                    </div>
                    <a href="#" class="oppointment">立即预约</a>
                </div>
            </div>
        </div>
    </section>
    <footer class="content">
        <div class="aboutUs">
            <a href="#" class="weibo">
                <img src="/images/icon_s9gv14ko2qn/weibo.png" alt="">
            </a>
            <a href="#" class="weibo">
                <img src="/images/icon_s9gv14ko2qn/weixin.png" alt="">
            </a>
            <hr style="border-color:#cccc">
            <div class="aboutUs-menu">
                <dl>
                    <dt style="color: white;">产品</dt>
                    <dd>
                        <a href="#">男士</a>
                    </dd>
                    <dd>
                        <a href="#">女士</a>
                    </dd>
                    <dd>
                        <a href="#">亮点焦距</a>
                    </dd>
                    <dd>
                        <a href="#">查找精品店</a>
                    </dd>
                </dl>
                <dl>
                    <dt style="color: white">关于prada</dt>
                    <dd>
                        <a href="#">男士</a>
                    </dd>
                    <dd>
                        <a href="#">女士</a>
                    </dd>
                    <dd>
                        <a href="#">亮点焦距</a>
                    </dd>
                    <dd>
                        <a href="#">查找精品店</a>
                    </dd>
                </dl>
                <dl>
                    <dt style="color: white">法律</dt>
                    <dd>
                        <a href="#">男士</a>
                    </dd>
                    <dd>
                        <a href="#">女士</a>
                    </dd>
                    <dd>
                        <a href="#">亮点焦距</a>
                    </dd>
                </dl>
                <dl>
                    <dt style="color: white">客户服务</dt>
                    <dd>
                        <a href="#">男士</a>
                    </dd>
                    <dd>
                        <a href="#">女士</a>
                    </dd>
                </dl>
            </div>
            <hr style="border-color:#cccc;">
            <ul class="aboutUs-info">
                <li>
                    <a href="#">
                        <img src="https://www.prada.com/etc/designs/prada_china/images/homepage/ico-icp-footer.png"
                            alt="">
                        <span>沪ICP备16020595号</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="https://www.prada.com/etc/designs/prada_china/images/homepage/ico-psr-footer.png"
                            alt="">
                        <span>psr沪公网安备 31010602002295号</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="https://www.prada.com/etc/designs/prada_china/images/homepage/ico-ebl-footer.jpg"
                            alt="">
                        <span>电子营业执照</span>
                    </a>
                </li>
                <li style="color: white; margin-left: 210px;">
                    <span>© PRADA 2007-2020</span>
                </li>
            </ul>
            <div class="bottom">
                <p class="bottom-logo">
                    <img src="https://www.prada.com/etc/designs/prada_common/images/webchat-ico.svg" alt="">
                </p>
                <span class="bottom-txt">联系我们</span>
            </div>
            <div class="connect">

            </div>

        </div>
    </footer>
</body>

</html>